<#include "/common/template.ftl">
<#assign testVideoAnswersList=["1", "2", "3", "4"]>
<@template csses=["wholeVideoAnswerIntroduce"] jses=["overview","bootstrap-paginator","wholeVideoAnswerIntroduce"]>
	<div class=""  style="width:990px; height:565px; margin:0px auto; padding-top:10px; background-color:#ffffff">
		<div class=""  style="width:978px; height:525px; border-width:1px; border-color:#dddddd; border-style:solid; margin:0px auto; background-color:#ffffff">
			<div class=""  style="width:978px; height:32px; margin-left:auto; margin-right:auto; background-color:#A4E90C">
				<div style="font-size:20px; color:#000000; padding-top:6px;">
					<a class="" style="padding-left:20px; font-weight:bold; color:#000;" href="${basePath}/parentCenter">视频答案</a>
					<a><img src="${basePath}/static/images/macro_arrow.png"></a>
					<a class="" style="padding-left:0px; color:#000;" href="${basePath}/parentBookstore">配套视频答案</a>
					<a><img src="${basePath}/static/images/macro_arrow.png"></a>
					<h>五年真题三年模拟</h>
				</div>
			</div>
			
			<div class="bookslist" style="width:660px; height:462px; margin-top:0px; margin-left:10px; border-radius:5px; float:left;">
				<div style="width:270px; height:260px; margin-top:10px; float:left;">
					<a target="_blank" href="http://product.dangdang.com/product.aspx?product_id=21098854">
						<img style="width:260px; height:260px;" src="${basePath}/static/images/book_and_answer01.png">
					</a>
				</div>
				<div style="width:380px; height:284px; margin-top:20px; float:left; margin-left:10px;">
					<p style="font-size:16px; font-weight:bold;"><a href="http://product.dangdang.com/product.aspx?product_id=21098854">五年真题三年模拟 </a></p>
					<p style="margin-bottom:0px;">高二（下）&nbsp;&nbsp;&nbsp;&nbsp;数学</p>
					<p style="margin-bottom:0px;">视频答疑网教研中心</p>
					<p style="margin-bottom:0px;">大小：2.5G&nbsp;&nbsp;&nbsp;&nbsp;￥：30</p>
					<p style="margin-top:50px;">
						<a class="btn btn-primary buy_btn" href="${basePath}/wholeVideoAnswerIntroduce" style="padding:1px 6px;">下 载<i class="icon-download icon-white" style="margin-left:5px;"></i></a>
						<a style="margin-left:5px; color:#333;" title="213人已下载"><i class="icon-user" style="margin-right:5px;"></i>213人已下载</a>
					</p>
					<p style="margin-top:10px;">
						<a class="btn btn-primary buy_btn" href="${basePath}/wholeVideoAnswerIntroduce" style="padding:1px 6px;">购 买<i class="icon-arrow-right icon-white" style="margin-left:5px;"></i></a>
						<a style="margin-left:5px; color:#333;" title="2123人已购买"><i class="icon-user" style="margin-right:5px;"></i>2123人已购买</a>
					</p>
					
					<p style="margin-top:20px; margin-bottom:0px;"><span style="color:#ff5000">注：</span>购买视频答案，每笔快递费为10元，同一次支付订单为一笔。</p>
				</div>
				
				
				<div style="width:660px; height:140px; float:left; margin-top:20px;">
					<p style="font-size:16px; font-weight:bold;">试看章节（第一章）</p>
					<div style="width:656px; height:100px; overflow:hidden; float:left; border:#999 2px solid; font-size:16px; color:#333333; background-color:#999;">
						<div style="float:left; width:1674px;">
							<div style="float:left; width:150px; margin-right:2px;">
								<img style="height:100px; width:150px; padding:0px;" src="${basePath}/static/images/image03.jpg"/>
								<div class="img_title">
									<a href="#" style="color:#ffffff;"><i class="icon-play-circle icon-white" style="margin-left:5px;"></i>第1题</a>
								</div>
							</div>
							<div style="float:left; width:150px; margin-right:2px;">
								<img style="height:100px; width:150px; padding:0px;" src="${basePath}/static/images/image01.jpg"/>
								<div class="img_title">
									<a href="#" style="color:#ffffff;"><i class="icon-play-circle icon-white" style="margin-left:5px;"></i>第2题</a>
								</div>
							</div>
							<div style="float:left; width:150px; margin-right:2px;">
								<img style="height:100px; width:150px; padding:0px;" src="${basePath}/static/images/image03.jpg"/>
								<div class="img_title">
									<a href="#" style="color:#ffffff;"><i class="icon-play-circle icon-white" style="margin-left:5px;"></i>第3题</a>
								</div>
							</div>
							<div style="float:left; width:150px; margin-right:2px;">
								<img style="height:100px; width:150px; padding:0px;" src="${basePath}/static/images/image02.jpg"/>
								<div class="img_title">
									<a href="#" style="color:#ffffff;"><i class="icon-play-circle icon-white" style="margin-left:5px;"></i>第4题</a>
								</div>
							</div>
							<div style="float:left; width:150px; margin-right:2px;">
								<img style="height:100px; width:150px; padding:0px;" src="${basePath}/static/images/image02.jpg"/>
								<div class="img_title">
									<a href="#" style="color:#ffffff;"><i class="icon-play-circle icon-white" style="margin-left:5px;"></i>第5题</a>
								</div>
							</div>
							<div style="float:left; width:150px; margin-right:2px;">
								<img style="height:100px; width:150px; padding:0px;" src="${basePath}/static/images/image03.jpg"/>
								<div class="img_title">
									<a href="#" style="color:#ffffff;"><i class="icon-play-circle icon-white" style="margin-left:5px;"></i>第6题</a>
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</div>
			
			<div style="width:302px; height:462px; float:left;">
				<div class="" style="float:left; height:440px; width:295px;margin-left:5px; margin-top:20px; border:#ddd 1px solid;border-radius:5px;">
					<div class="" style="width:295px; height:35px; margin:0px auto;  background-color:#ddd;border-radius:4px 4px 0 0;">
						<span style="font-size:22px; float:left; color:#000000; font-weight:bold; padding-top:9px; padding-left:0px; margin-left:10px; ">特别推荐</span>
					</div>	
					<div class="videoAnswer" style=" width:290px; height:405px;">
						<#list testVideoAnswersList as test>
							<dl>
								<dt><a href="${basePath}/bookIntroduce" target="_blank"><img src="${basePath}/static/images/book_and_answer01.png"></a></dt>
								<dd class="video_answer_name"><a href="${basePath}/bookIntroduce" target="_blank">五年真题三年模拟</a></dd>
								<dd>高二（下）&nbsp;&nbsp;数学</dd>
								<dd>视频答疑网教研中心</dd>
							</dl>
						</#list>
					</div>
				</div>
			</div>
		</div>
	</div>
</@template>